<template>
  <div class="reportModel">
    <div class="_title">
      <div class="left">身份核验</div>
    </div>
    <div class="content" v-if="info.status == '1'">
      <div class="top">
        <img v-if="info.checkResult == '匹配'" src="@/assets/images/pp.png" class="img"/>
        <img v-else src="@/assets/images/bpp.png" class="img"/>
        <div class="desc">身份证/姓名/手机号 {{ info.checkResult }}</div>
      </div>
      <div class="bottom">
        <!--          <div class="line">-->
        <!--            <p class="desc">基本信息</p>-->
        <!--            <p class="info">{{ info.name }}</p>-->
        <!--          </div>-->
        <!--          <div class="line">-->
        <!--            <p class="desc">身份证号</p>-->
        <!--            <p class="info">{{ info.cardNo }}</p>-->
        <!--          </div>-->
        <!--          <div class="line">-->
        <!--            <p class="desc">手机号</p>-->
        <!--            <p class="info">{{ info.mobile }}</p>-->
        <!--          </div>-->
        <div class="line">
          <p class="desc">手机号码归属地</p>
          <p class="info">{{ info.province }}-{{ info.city }}</p>
        </div>
        <div class="line">
          <p class="desc">手机号码运营商</p>
          <p class="info">{{ info.attribute }}</p>
        </div>

      </div>
    </div>
    <p class="failMsg" v-else>{{ info.msg }}</p>
    <div class="explain">
      <div class="explainTitle">说明</div>
      <div class="explainDesc">
        1.查询类型：参考自身风险筛查。<br/>
        <!--          2.查询范围：参考自身风险筛查。<br/>-->
      </div>
    </div>
    <div class="proposal">
      <div class="proposalTitle">建议</div>
      <div class="proposalDesc">请保持良好的借贷习惯,切勿频繁申请,拒绝不明平台的审核邀请。</div>
    </div>
  </div>

</template>
<script>
  export default {
    name: 'ThrElement',
    props: {
      info: {
        required: true,
        type: Object
      }
    },
    data() {
      return {
        sys_eq: false,
        name: null,
        cardNo: null,
        mobile: null,
        sys_province: null,
        sys_city: null,
        sys_attribute: null,
        orderNo: null,

        createTime: null,
        addTime: null,
      }
    },
    created() {

    },
    methods: {}
  }
</script>

<style scoped lang="scss">
  .content {
    margin: 0 15px 15px;

    .top {
      padding: 10.0px 0;
      box-sizing: border-box;
      height: 107.0px;
      border-bottom: 1px solid rgba(49, 112, 255, 0.20);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;

      .img {
        width: 60.0px;
        height: 47.0px;
      }

      .desc {
        font-size: 14.0px;
        color: #3D3D41;
      }
    }

    .bottom {
      padding-top: 3px;

      .line {
        width: 100%;
        height: 36.0px;
        display: flex;
        align-items: center;
        font-size: 13.0px;
        justify-content: space-between;

        .desc {
          color: #94949C;
        }

        .info {
          max-width: 135.0px;
          color: #3D3D41;
          //white-space: normal;
          word-wrap: break-word;
          p-align: right;
        }
      }
    }
  }
</style>
